<div th:fragment="xxxFooter">
    <script src="/js/jquery-2.2.4.min.js"></script>
    <script src="/js/swiper-3.4.2.js"></script>
    <script src="/js/scrollReveal-3.3.5.js"></script>
    <script src="/js/jquery-scrolltofixed-1.0.8.js"></script>
    <script src="/js/common.js"></script>
    <script src="/js/common-js.js"></script>
    <script src="/js/aboutUs.js"></script>

    <div class="footer-container">
        <div class="common-container">
            <div class="footer-nav-contain">
                <!--<ul>-->
                    <!--<li><a href="/pc/applyForm/view.do">订阅资讯</a></li>-->
                    <!--<li><a href="javascript:;" id="cooFormShowBtn2">合作预约</a></li>-->
                    <!--<li><a href="/pc/jobs/view.do">职位空缺</a></li>-->
                    <!--<li><a href="/pc/applyForm/view.do">项目品鉴</a></li>-->
                <!--</ul>-->
            </div>

            <div class="copyright-contain">
                <span id="copyright">Copyright © 南京鼎尚. All rights reserved. </span><span th:text="${application.webInfo.beianhao}"></span>
            </div>



        </div>
    </div>


    <div class="footer_float">
        <div class="f_f_box">
            <div class="f_l">
                <img src="/img/baojiabg.png">
                <h3>算一算装修该花多少钱?</h3>
                <p>已有<span>63795</span>位别墅大宅业主获取报价</p>
            </div>
            <div class="f_c">
                <dl class="book fixed AForm form_box">
                    <dd class="m_t"><span class="error">
                    <input type="text" placeholder="您的姓名" id="realName" class="txt required Aname" data-valid="isNonEmpty||EnorZh||between:2-5" data-error="姓名不能为空||姓名为中或英文||姓名为2-5位" data-status="0"></span></dd>

                    <dd class="m_t"><span class="in error">
                    <input type="text" placeholder="手机号" id="phoneNum" class="txt required Aphone" data-valid="isNonEmpty||isMobile" data-error="电话不能为空||电话格式有误" data-status="0"></span></dd>
                    <dd><span class="">
                    <input type="text" placeholder="楼盘名称" id="loupan" class="txt ALPMC"></span></dd>
                    <dd><span class="">
                    <input type="text" placeholder="房屋面积" id="mianji" class="txt AFWMJ"></span></dd>
                    <dd class="last">
                        <button type="button" onclick="saveBaojia()" name="button" class="bon Applicationbtn1 btm" data-id="1" data-name="底部预约" data-title="预约服务" data-classid="62">获取<br>
                            报价</button>
                    </dd>
                </dl>
            </div>
            <div class="f_r">
                <h3>400-168-3332</h3>
                <p>装修咨询热线</p>
            </div>
        </div>
        <span class="togg">x</span>
        <div class="getshow">
            <img src="/img/11.png">
        </div>
    </div>

    <script src="/js/jquery-2.2.4.min.js" charset="utf-8">
    </script>
    <script src="/layui/layui.js" charset="utf-8">
    </script>

    <script>

        function saveBaojia() {
            $.ajax({
                url: '/yusuan',
                type: 'post', //GET
                async: true,    //或false,是否异步
                data: {
                    phone:$('#phoneNum').val(),
                    realName:$('#realName').val(),
                    loupan: $('#loupan').val(),
                    mianji: $('#mianji').val()
                },
                timeout: 10000,    //超时时间
                dataType: 'json',    //返回的数据格式：json/xml/html/script/jsonp/text
                success: function (ajaxData, textStatus, jqXHR) {
                    if (1000 != ajaxData.code) {
//                        alert(ajaxData.message);
                        layui.use('layer', function(){
                            var layer = layui.layer;
                            layer.alert(ajaxData.message, {icon: 5},function (index) {
                                layer.close(index);
                            });

                        });
                        return;
                    }

                    layui.use('layer', function(){
                        var layer = layui.layer;
                        layer.alert('您的信息已经提交成功，如果有需要我们会第一时间与您取得联系！', {icon: 6},function (index) {
                            layer.close(index);
                        });

                    });

                }
            });
        }

        /* 底部条 */
        $(function(){

            function togfun (o,w) {
                $(".f_f_box").animate({"opacity":o})
                $(".footer_float").animate({"width":w}, 'slow',function () {
                    // console.log(tog)
                    $(".getshow").animate({"left":0})
                })
            }
            $(".togg").click(function(){

                togfun('0','0');

            });
            $(".getshow").click(function(){
                $(".f_f_box").animate({"opacity":'1'})
                $(".getshow").animate({"left":'-100'}, 'slow',function () {
                    $(".footer_float").animate({"width":'1200px'})
                })
            })
            /*$(window).scroll(function(){
                var scrollTop = $(this).scrollTop();
                var scrollHeight = $(document).height();
                var windowHeight = $(this).height();
                if (scrollTop + windowHeight >= scrollHeight-100) {

                    $(".footer_float").css('display', 'none');
                } else{

                    $(".footer_float").css('display', 'block');
                };
            });*/



        })
    </script>

</div>


